@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";overflow-x: hidden;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei"}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 

button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;font-family: "Microsoft YaHei"}
h3 { font-size:20px;font-family: "Microsoft YaHei"}
h4 { font-size:14px;font-family: "Microsoft YaHei"}
h5 { font-size:12px;}
h6 { font-size:10px;}

img, input {
border: none;
vertical-align: middle;
}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline:none}

body,button,input,select,textarea{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern"}

button,input{overflow:visible}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:hover{text-decoration:none;}
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;font-family: "Microsoft YaHei";}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.trans { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.trans8 { -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.clearfix:before, .clearfix:after {
display: table;
line-height: 0;
content: "";
}
.pa{position: absolute;}
.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}
.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}

.content{width: 1200px;margin: 0 auto;}
.f_pr{position:relative;}
img{max-width: 100%;}
/*头部*/
.head{  padding: 15px 0;  overflow: hidden;background-color: rgba(0, 0, 0, 0.6);  box-shadow: 0 2px 2px rgb(0 0 0 / 10%);position: fixed;z-index: 9999;top: 0;width: 100%;}
.logo{width: 338px;}
.head .content{position: relative;}
.nav{ width: 809px;}
.nav ul{}
.nav ul li{    float: left;padding: 0 6px; height: 72px;line-height: 72px; width: 80px;text-align: center;    margin-left: 8px;}
.nav ul li:hover,.nav ul li.on {background: #005bae;}
.nav ul li:hover a,.nav ul li.on a{color: #ffffff;}
.nav ul li a{font-size: 16px;color: #ffffff;display:block;}
.tel{   width: 199px; background: url(tel.png) no-repeat left 14px center #035bab;padding-left: 41px; font-size: 16px; color: #ffffff; position: absolute; top: 21px; right: -254px; height: 35px; line-height: 35px; border-radius: 50px;}
.tel b{font-size: 27px;display: block;color: #2c537c;}
/**/
.fullSlide { position: relative; z-index: 9; clear: both; width: 100% ;  }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .bd .con { width: 100% !important; height: auto !important; display: block }
.fullSlide .bd .li { width: 100% !important; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0 }
.fullSlide .bd .li img { display: block; height: auto !important; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom: 34px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #000000; margin: 0 12px; border-radius: 50%; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease }
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px; background:#005aad;}
.fullSlide p { display: none; position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px }
.fullSlide .prev2 { left: 3% }
.fullSlide .next2 { right: 3% ; }

.tit01{overflow: hidden;margin-bottom: 30px;text-align: center;}
.tit01 h3{    font-size: 36px; color: #22477c; background: url(tit_bg.png) no-repeat center;}
.tit01 h3 a{color: #000000;}
.tit01 em{      font-size: 16px;color: #595959;display: block; margin-top: 5px; }

.product{background: url(pro_bg.jpg) no-repeat top center;padding: 76px 0; height: 520px;position: relative;}
.product .tit01 h3 a,.product .tit01 em{color: #ffffff;}
.product .content{width: 1200px;overflow: hidden;height: 1000px;}
#center {z-index: 2; position: absolute; top: 48%; left: 50%}
#slider {z-index: 1; position: absolute; width: 1200px;  height: 454px; overflow: hidden;  top: -186px; left: -600px}
#slider .slide {z-index: 10; position: absolute; width: 722px;  height: 454px; overflow: hidden; top: 43px; cursor: default; left: 22px;text-align:left;}
#slider .title {color: #f80; font-size: 1.2em;font-weight: bold; margin-right: 1.5em; text-decoration: none}
#slider .text {position: absolute; text-align: justify; width: 470px; display: none; font-family: verdana, arial, Helvetica, sans-serif; color: #fff; font-size: 0.9em; top: 100%; left: 10px}
#slider .diapo {position: absolute; visibility: visible; opacity: 1!important;}

.youshi {background: url(youshi.jpg) no-repeat center;padding: 76px 0; overflow: hidden;}
.youshi .ys_con{    width: 100%; position: relative;overflow: hidden;}
.youshi .ys_con ul{}
.youshi .ys_con ul li{    float: left; width: 25%;    height: 280px;background: #005bae;position: relative;}
.youshi .ys_con ul li:nth-child(1){}
.youshi .ys_con ul li:nth-child(2){z-index: 999; }
.youshi .ys_con ul li:nth-child(3){}
.youshi .ys_con ul li:nth-child(4){z-index: 999; }
.youshi .ys_con ul li:nth-child(5){z-index: 999;}
.youshi .ys_con ul li:nth-child(6){}
.youshi .ys_con ul li:nth-child(7){ z-index: 999;   }
.youshi .ys_con ul li:nth-child(8){}
.youshi .ys_con ul li img{width: 100%;height: 280px;}
.youshi .ys_con ul li p{font-size: 22px; color: #ffffff; font-weight: bold; height: 50px;line-height: 50px;margin: 44px 0 0 41px;}
.youshi .ys_con ul li span{font-size: 16px; color: #fff; margin:11px 37px 4px ;display: block;line-height: 24px;}

.fuwu{background: url(fuwu_bg.jpg) no-repeat center;padding: 76px 0; overflow: hidden;}
.fuwu .tit01 h3 a,.fuwu .tit01 em{color: #ffffff;}
.fen_box{ width:1200px; margin:0px auto; height:437px;overflow:hidden; }
.fen_box ul li{ display:block; width:278px; height:435px; float:left; margin:0px 10px; position:relative; overflow:hidden; }
.fen_box ul li .itu{ width:278px; height:300px; position:absolute; background:#fff; top:0px; left:0px; transition:all 0.5s; }
.fen_box ul li .izi{ width:278px; height:300px; background:#fafafa; overflow:hidden; position:absolute; top:300px; left:0px; transition:all 0.5s; }
.fen_box ul li .izi h4{ font-size:40px; line-height:51px; text-align:center; margin-top:19px; }
.fen_box ul li .izi p{ font-size:16px; line-height:56px; text-align:center; }
.fen_box ul li .izi span{ font-size:14px; color:#fff; line-height:32px; text-align:center; display:block; width:200px; margin:0px auto; }
.fen_box ul li:hover .izi{ top:200px; background:#005aad; color:#fff; }
.fen_box ul li:hover .izi a{ color:#fff; }
.fen_box ul li:hover .izi h4{ color:#fff; }
.fen_box ul li:hover .izi span{ color:#fff; } 

.about{background: url(ab_bg.jpg) no-repeat center;height: 574px;}
.about .ab_fl {width: 606px; margin-top: 90px; margin-left: 41px;}
.about .ab_fr{width: 479px;margin-top: 75px;}
.about .ab_fr h3{font-size: 40px;color: #ffffff;}
.about .ab_fr p{font-size: 15px;color: #a5bbda;    line-height:27px;    margin: 20px 0;}
.ab_more{background: url(ab_more.png);width: 224px;height: 54px;line-height: 54px;text-align: center;font-size: 18px;display: block;color: #ffffff;}
.ab_more:hover{background: url(ab_moreh.png);}

.case{background: url(case_bg.jpg) no-repeat center; overflow: hidden;padding: 76px 0 55px;}
.case ul{}
.case ul li{float: left;width: 385px;position: relative;    margin-right: 22px;margin-bottom: 29px;}
.case ul li p{background: #ffffff;height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #000000;}
.case ul li:nth-child(1){width: 792px;    margin-right: 22px;}
.case ul li:nth-child(2),.case ul li:nth-child(5){margin-right: 0;}

.news{background: url(news_bg.jpg) no-repeat center;padding: 61px 0; overflow: hidden;}
.news .tit01 h3 a,.news .tit01 em{color: #ffffff;}
.news ul{}
.news ul li {height: 337px;overflow: hidden;}
.news ul li .news_c{float: left;width: 502px;margin: 59px 0 0 50px;}
.news ul li .news_c b{display: block;font-size: 24px;color:#ffffff;}
.news ul li .news_c i{display: block; width: 20px; height: 3px;  background: #ffffff; margin: 29px 0;}
.news ul li .news_c em{color: #eee;font-size: 18px;}
.news ul li .news_c p{color: #fff; opacity: 0.8;    display: block; line-height: 24px; font-size: 13px;  margin-top: 10px; height: 75px;  overflow: hidden;}
.news ul li .news_img{float: right;width: 600px;}
.news ul li:nth-child(2n){}
.news ul li:nth-child(2n) .news_c{float: right;width: 515px;margin: 59px 31px 0 50px;}
.news ul li:nth-child(2n) .news_img{float: left;width: 600px;}

.ban01{background: url(ban01.jpg) no-repeat center;padding: 121px 0 152px;}
.ban01 h3{    font-size: 40px;    color: #0b6ec5;    margin-bottom: 24px;}
.ban01 em{display: block;font-size: 20px;    line-height: 1.8;    color: #000000;    margin-bottom: 70px;}

.footer{background: url(ft_bg.jpg) no-repeat center;padding: 70px 0 0;}
.footer .ft_tit{    color: #ffffff;    font-size: 25px;  margin-bottom: 23px; display: block;}
.footer .ft_nav{width: 409px;}
.footer .ft_nav ul{}
.footer .ft_nav ul li{width: 204px;float: left;height: 40px;line-height: 40px;}
.footer .ft_nav ul li a{color: #D3D3D3;    font-size: 16px;}

.footer .ft_ewm{width: 421px;}
.footer .ft_ewm p {float: left;width: 174px;margin:0 15px;text-align: center;font-size: 14px;color: #ffffff; height: 40px; line-height: 40px;}
.footer .ft_lx{width: 343px;}
.footer .ft_lx p{height: 40px;line-height: 40px;font-size: 14px;color: #D3D3D3;padding-left: 30px; }
.footer .ft_lx p:nth-child(2){background: url(ft_zj.png) no-repeat left;}
.footer .ft_lx p:nth-child(3){background: url(ft_site.png) no-repeat left;}
.footer .ft_lx p:nth-child(4){background: url(ft_email.png) no-repeat left;}
.footer .ft_lx p:nth-child(5){background: url(ft_dz.png) no-repeat left;}


.ft_copy{width: 100%;border-top: 1px solid #2e7bc1;height: 50px;line-height: 50px;text-align: center;margin-top:70px;}
.ft_copy p{color: #ffffff;font-size: 14px;}